/**
 * 一些该项目里的通用组件
 */
import styled from 'styled-components'

import Icon from '../../components/Icon/'
// import Svg from '../../components/Icon/svg.js'
import { rotate360 } from '../../components/Animation'

export const IconTurtle = styled(Icon)`
	width: 165px;
	height: 112px;
	transform: ${({ rotate }) => (rotate ? 'rotate(150deg)' : 'rotate(0deg)')};
`

export const RotateIcon = styled(Icon)`
	animation: ${rotate360} 2s linear infinite;
	margin-right: 5px;
`

export const Pre = styled('pre')`
	flex: 1 1 1rem;
	cursor: text;
	min-height: 1rem;
	color: #fff;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
	overflow-y: scroll;
`



// WEBPACK FOOTER //
// ./src/containers/common/index.js